$(document).ready(function(){
    var eImgBtn = $('#setBookImg'), eCates = $('#cates'), eCateInput = $('#cateInput');
    eCates.find('a[cid="'+eCateInput.val()+'"]').addClass('active');
    eCates.on('click','a',function(){
        eCates.find('.active').removeClass('active');
        $(this).addClass('active');
        eCateInput.val($(this).attr('cid'));
    });
    var key = '';
    var uploader = Qiniu.uploader({
        runtimes: 'html5,html4',    //上传模式,依次退化
        browse_button: 'setBookImg',       //上传选择的点选按钮，**必需**
        uptoken : eImgBtn.data('token'),
        domain: 'http://img.wooo.wang/',
        //bucket 域名，下载资源时用到，**必需**
        //container: 'img',           //上传区域DOM ID，默认是browser_button的父元素，
        max_file_size: '4mb',           //最大文件体积限制
        flash_swf_url: '',  //引入flash,相对路径
        max_retries: 3,                   //上传失败最大重试次数
        dragdrop: false,                   //开启可拖曳上传
        drop_element: '',        //拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
        chunk_size: '4mb',                //分块上传时，每片的体积
        auto_start: true,                 //选择文件后自动上传，若关闭需要自己绑定事件触发上传
        resize: {
            quality: 60,
            preserve_headers: false
        },
        init: {
            'FilesAdded': function(up, files) {
                eImgBtn.next('p').html('文档封面正在上传中，请稍后...');
            },
            'BeforeUpload': function(up, file) {
                // 每个文件上传前,处理相关的事情
            },
            'UploadProgress': function(up, file) {

            },
            'FileUploaded': function(up, file, info) {
                var imgUrl = '//img.wooo.wang/' + key;
                eImgBtn.find('img').attr('src', imgUrl);
                $('#img').val(key);
                eImgBtn.next('p').html('文档封面上传成功，请点击确认按钮进行提交...');
            },
            'Error': function(up, err, errTip) {
                //上传出错时,处理相关的事情
            },
            'UploadComplete': function() {
                //队列文件处理完毕后,处理相关的事情
            },
            'Key': function(up, file) {
                // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
                // 该配置必须要在 unique_names: false , save_key: false 时才生效
                key = 'cover/'+did+'_'+new Date().getTime()+'.png';
                return key;
            }
        }
    });

    var bName = true, bDesc = true;
    var  eName = $('#name'), eDesc = $('#desc');
    // 不能直接调用元素的blur()事件，必须先调用一次focus()事件
    eName.on('blur', function(){
        bName = false;
        if(checkStrLength($(this).val(), 4, 64)){
            bName = true;
            $(this).removeClass('error');
            $(this).next('p').text('');
        }else{
            $(this).addClass('error');
            $(this).next('p').text('文档名称长度应为[4,64],一个汉字为2长度！');
        }
    });
    eDesc.on('blur', function(){
        bDesc = false;
        if($(this).val()){
            bDesc = true;
            $(this).removeClass('error');
            $(this).next('p').text('');
        }else{
            $(this).addClass('error');
            $(this).next('p').text('请设置文档简介！');
        }
    });
    // 选择分类功能
    eCates.on('click','a',function(){
        eCates.find('.active').removeClass('active');
        $(this).addClass('active');
        eCateInput.val($(this).attr('cid'));
    });
    $('.create-btn').click(function(e){
        e.preventDefault();
        if(!bName){
            eName.focus().blur();
            return ;
        }
        if(!eDesc){
            eDesc.focus().blur();
            return ;
        }
        if(eCateInput.val()){
            $('.create').submit();
        }else{
            $('.cate-msg').text('请给文档选择合适分类！');
        }
    });

    // form表单中textarea高度自适应：
    // if($('.form textarea')[0].scrollHeight>=227){
    //     $('.form textarea').css('height',$('.form textarea')[0].scrollHeight);
    // }
    // $('.form').on('propertychange input','textarea',function(){
    //     if($(this)[0].scrollHeight>=227){
    //         $(this).css('height',$(this)[0].scrollHeight);
    //     }
    // });
});